 /**
 * 通用css样式布局处理
 * Copyright (c) 2019 sinosoft
 */

/** 基础通用 **/
*{
    .el-pagination.is-background .el-pager li:not(.disabled).active{
        background: var(--buttoncolor) !important;
        color: white  !important;

    }
    .el-table .el-dropdown-link{
        color: var(--maintextcolor) !important;
    }
    .el-button{
        background: var(--buttoncolor) !important;
        color: white  !important;
        font-family: var(--fontfamily);
        border: 0px solid white !important;
        &:hover{
            background: var(--selectcolor) !important;
            }
            &:active{
                background: var(--buttoncolor) !important;
            }
    }
    .el-button--primary.is-plain{
        border: 0px solid white !important;
    }
     .el-button--text{
        background: none !important;
        &:hover{
            background: none !important;
            }
            &:active{
                background: none !important;
            }
    }
    .el-switch.is-checked .el-switch__core{
               background-color: var(--backcplor) !important;
        border-color: var(--maintextcolor) !important;
    }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner{
                  background-color: var(--backcplor) !important;
        border-color: var(--maintextcolor) !important;
    }
    .el-button--warning.is-plain{
          background: var(--buttoncolor) !important; 
          &:hover{
            background: var(--selectcolor) !important;
        
            }
            &:active{
                background: var(--buttoncolor) !important;
            }
    }
    .el-button--text{
         color: var(--maintextcolor)  !important;
    }
    .el-radio__input.is-checked .el-radio__inner,.el-radio__inner:hover{
          background: var(--buttoncolor) !important;
        border-color: var(--maintextcolor) !important;
    }
      .el-radio__input.is-disabled + .el-radio__label{
         color: var(--alltextcolor) !important;

    }
    .el-radio__input.is-checked + .el-radio__label{
         color: var(--maintextcolor)  !important;

    }
  
    .el-date-table td.current:not(.disabled) span{
           background: var(--backcplor) !important;
        color: var(--maintextcolor)  !important;
    }
    .el-date-table td.today span,.el-date-table td.today span:hover{
        color: var(--maintextcolor)  !important;

    }
     .el-table--enable-row-hover .el-table__body tr:hover>td{
          background: var(--backcplor) !important;

     }
     .el-checkbox__inner:hover{
        border-color: var(--maintextcolor) !important;
     }
     .el-checkbox__inner,.el-input__inner,.el-radio__inner{
        border: var(--checkboxcolor) !important;
    }
    // .el-input-number__increase:hover,.el-input-number__decrease:hover, .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled){
    //     border: var(--mainbordercolor) !important; 
    //     color: var(--maintextcolor)  !important;
    // }
    .el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease{
        width: 40px;
        font-size: 14px;
        line-height: 26px;
        margin-top: 2px;
    }
    .el-input-number--medium{
        width: 100%;
    }
    #tabs-style .el-tabs__header{
        background: var(--titlebarcolor) !important;
    }
    .el-date-table td.start-date span, .el-date-table td.end-date span ,.el-date-table td  span:hover,.el-tag, .tags-view-wrapper .tags-view-item .el-icon-close:hover{
        background: var(--titlebarcolor) !important;
        color: var(--maintextcolor)  !important;
        border: 0px solid white;
     }
     .el-date-table td:hover,.el-tabs__item.is-active,.el-tabs__item:hover{
        color: var(--maintextcolor)  !important;

     }
     .el-tabs__item.is-disabled:hover{
        color: #C0C4CC  !important;
     }
     .el-loading-spinner .path{
        stroke: var(--maintextcolor)  !important;

     }
     .el-tabs__active-bar{
          background-color: var(--backcplor) !important;

     }
     .el-radio-button__orig-radio:checked + .el-radio-button__inner ,.el-radio-button__inner:hover{
        border-color: var(--maintextcolor) !important;
        color: var(--maintextcolor)  !important;
           background: var(--backcplor) !important;
        box-shadow:-1px 0 0 var(--backcplor);
     }
     .el-slider__bar{
           background: var(--backcplor) !important;

     }
     .el-slider__button{
        border: 2px solid var(--backcplor) !important;

     } 
     .el-button--danger{
          background-color: var(--buttoncolor) !important;
        border-color: var(--maintextcolor) !important;
        border: none;

     }
     .el-cascader .el-input.is-focus .el-input__inner{
        border: var(--mainbordercolor) !important ;
     }
     .el-cascader-node.in-active-path,.el-cascader-node.is-active{
        color:  var(--maintextcolor);
     }
     .el-cascader-menu__list{
        background: white;
     }
     .el-select .el-input.is-focus .el-input__inner{
           border: var(--mainbordercolor) !important ;
           
     }
     .el-message-box__headerbtn .el-message-box__close:hover{
        color:  var(--maintextcolor) !important;

     }
     .el-dropdown-menu a li,.el-dropdown-menu li{
        display: block;
        &:hover{
            
        color:  var(--maintextcolor) !important;
           background: var(--backcplor) !important;

        }
         &:focus{
        color:  var(--maintextcolor) !important;
           background: var(--backcplor) !important;

        }
     }
    .el-tree-node:focus > .el-tree-node__content{
             color:  var(--maintextcolor) !important;
        background-color: var(--backcplor) !important;
  
    }
    .el-pager li.active{
        color:  var(--maintextcolor) ;
    }
    .el-dialog__headerbtn .el-dialog__close{
        &:hover{
        color:  var(--maintextcolor) !important;

        }
        &:active{
        color:  var(--maintextcolor) !important;

        }
    }
    .el-pagination__editor.el-input .el-input__inner{
        color: var(--alltextcolor);
        font-family: var(--fontfamily) !important;
    }
    .card_til1,.card_til2,.bottom_tip {
           color: var(--cardchildtext) !important;
        font-family: var(--fontfamily) !important;
    }
    .card-panel-num{
        font-family: var(--fontfamily) !important;

    }
    .cardRow .data_titile .data_titile_l .top_til{
          color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .cardRow .data_titile .data_titile_l .bot_til{
         color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .cardRow .data_titile1 .data_titile_l .top_til{
          color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .cardRow .data_titile1 .data_titile_l .bot_til{
         color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .cardRow .data_titile1 .data_titile_r{
         color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    // 工作日历
    .el-calendar__header .el-calendar__title{
         color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .el-calendar-table thead th{
        color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .calenContent .memo_title,.calenContent .memo .memoItem .itemLeft .memoText,.el-textarea__inner{
         color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .el-table,.el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th{
        color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    .el-pagination__total,.el-pagination__jump,.el-pagination.is-background .el-pager li{
          color: var(--alltextcolor) !important;
        font-family: var(--fontfamily)  ;
    }
    // .todoRow .text1,.todoRow .text2{
    //      color: var(--alltextcolor) !important;
    //     font-family: var(--fontfamily) !important;
    // }
    .el-form-item__label,.locationNews,.el-checkbox{
         color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
    }
    #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item:hover{
        background-color: rgba(0, 0, 0, 0.15) !important;
    }
    // 首页
    #app .sidebar-container .el-scrollbar__view .el-menu-item.submenu-title-noDropdown{
        // padding-left: 15px !important;
    }
    // 一级菜单-核保管理
    #app .sidebar-container .el-scrollbar__view .el-menu .el-submenu .el-submenu__title{
        // padding-left: 15px !important;
    }
    // 二级菜单-核保管理-规则试算
    #app .sidebar-container .el-scrollbar__view .el-menu .el-submenu .el-menu .nest-menu .el-menu-item{
        padding-left: 25px !important;
    }
    // 二级菜单--核保管理-新契约核保管理
    #app .sidebar-container .el-scrollbar__view .el-menu .el-submenu .el-menu .nest-menu .el-submenu .el-submenu__title{
        padding-left: 25px !important;
    }
    // 三级菜单--核保管理-新契约核保管理-超龄人员
    #app .sidebar-container .el-scrollbar__view .el-menu .el-submenu .el-menu .nest-menu .el-submenu .el-menu .nest-menu .el-menu-item{
        padding-left: 40px !important;
    }
    // 三级菜单--保全处理-保全作业-质检管理
    #app .sidebar-container .el-scrollbar__view .el-menu .el-submenu .el-menu .nest-menu .el-submenu .el-menu .nest-menu .el-submenu .el-submenu__title{
        padding-left: 40px !important;
    }
    // 四级菜单--保全处理-保全作业-质检管理
    #app .sidebar-container .el-scrollbar__view .el-menu .el-submenu .el-menu .nest-menu .el-submenu .el-menu .nest-menu .el-submenu .el-menu .nest-menu .el-menu-item{
        padding-left: 55px !important;
    }
    // 左侧菜单-向下箭
    #app .sidebar-container .el-submenu__icon-arrow{
        top: 60% !important;
    }
    #app .sidebar-container .el-menu  .svg-icon{
        overflow: hidden;
        left: -150px;
        position: relative;
        filter: drop-shadow(var(--buttoncolor) 150px 0);
        
    }
  #icon-message_top_Vector{
    fill:var(--buttoncolor)  ;
  }
  .el-button.is-disabled{
    color: #999999 !important;
    background: #f5f5f5 !important;
    border: 1px solid #d9d9d9 !important;

  }
 .el-input.is-disabled .el-input__inner,.el-checkbox__input.is-disabled .el-checkbox__inner,.el-textarea.is-disabled .el-textarea__inner{
    background-color: #E1E1E1 !important;
 }
  .allselect{
    margin-left: 10px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
    background: var(--buttoncolor) !important;
  }
  .topNav{
    width: 100%;
    height: 44px;
    background: #fff;
    margin: 0px 0px 10px 0;
    line-height: 44px;
    font-size: 12px;
}
.lineContent {
    border: 1px solid #fff; //必须加
    background-color: #fff;
}
.workbenchPage {
  padding: 10px;
  background-color: var(--backgroundcolor);
  height: calc(100vh - 108px);
  overflow-y: auto;
}
.barChart {
    width: auto;
    height: 420px;
  }
.barChart1 {
    width: auto;
    height: 356px;
  }
.card-panel-col {
    margin-bottom: 12px;
}

.workbenchPage_sub {
    padding: 10px;
    background-color: #f9f9f9;
  }
.card-panel {
    box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
  }
.card-panel1 {
    height: 90px;
    display: flex;
    box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.05);
    padding: 30px 0px;
    background: #ffffff;
    box-shadow: 0px 1px 10px 2px #f1f1f5;
    border-radius: 4px;
    align-items: center;
    justify-content: space-around;
  }
  // 小卡
.card-panel-icon {
    line-height: 48px;
    height: 48px;
    vertical-align: middle;
  }
  // 数字
.card-panel-num {
    vertical-align: middle;
    font-size: 28px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
  }
  .content {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    // display: flex;

    justify-content: center;
    height: 515px;
    padding-bottom: 20px;
    .tabStyle {
        padding: 0 30px;
        //    height: 450px;
    }
}
.handle{
    font-size: 12px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #3da6fe;
    cursor: pointer;
}
.nohandle {
    font-size: 12px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #8a94a0;
    cursor: pointer;
  }
  .cardCon {
    display: flex;
    font-size: 14px;
    vertical-align: center;
    font-weight: bold;
    color: #333333;
    border-bottom: 0px;
    position: relative;
    .card_til {
      margin-left: 20px;
      .card_til1 {
        font-family: SourceHanSansCN-Medium, SourceHanSansCN !important;
        font-weight: 500;
        color: #1f1d36;
        margin-top: 13px;
      }
      .card_til2 {
        font-family: SourceHanSansCN-Regular, SourceHanSansCN !important;
        font-weight: 400;
        color: #4e5969;
        margin-top: 6px;
      }
    }
  }
  .cardContent {
    position: relative;
    padding: 16px 0px;
    height: 90px;
    .cardContent-avatar {
      width: 72px;
      height: 72px;
      position: absolute;
      top: 14.5%;
      left: 2%;
    }
    .cardContent-description {
      margin-left: 97px;
      vertical-align: middle;
      .cardContent-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 8px;
        margin-bottom: 0px;
        .greetingInfo {
          font-size: 20px;
          color: #050001;
          font-weight: bold;
        }
        .edit {
          margin-left: 10px;
          width: 10px;
          height: 10px;
        }
      }
      .cardContent-num {
        color: #666;
        font-size: 13px;
      }
    }
    .bottom_tip {
      font-size: 14px;
      font-family: SourceHanSansCN-Regular, SourceHanSansCN;
      font-weight: 400;
      color: #4e5969;
      line-height: 21px;
      text-align: center;
    }
  }
  .leftTab {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px 0px;
    border-radius: 4px 4px 4px 4px;
  }
  .cardRow {
    display: flex;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgba(31, 29, 54, 0.1);
    height: 60px;
    .data_titile {
      width: 26%;
      display: flex;
      padding: 7px 20px;
      // border-bottom: 2px solid white;
      border-bottom: 2px solid var(--maintextcolor) !important;
      justify-content: center;
      cursor: pointer;
  
      .data_titile_l {
         width: 150px;
        .top_til {
          font-size: 14px;
          font-weight: 700;
          color: var(--alltextcolor) !important;
          font-family: var(--fontfamily) !important;
        }
        .bot_til {
          font-size: 12px;
          font-weight: 400;
          margin-top: 6px;
          color: var(--alltextcolor) !important;
          font-family: var(--fontfamily) !important;
        }
      }
      .data_titile_r {
        display: flex;
        align-items: center;
        font-size: 28px;
        font-weight: 400;
        color: var(--maintextcolor) !important;
        font-family: var(--fontfamily) !important;
      }
      .bar,
      .bar1 {
        height: 2px;
        width: 300px;
        background: white;
        border-radius: 2px;
        display: block;
      }
    }
    .data_titile1 {
      width: 26%;
      display: flex;
      padding: 7px 20px;
      border-bottom: 2px solid white;
      justify-content: center;
      cursor: pointer;
      .data_titile_l {
          width: 150px;
        .top_til {
          font-size: 14px;
          font-weight: 700;
          color: var(--alltextcolor) !important;
          font-family: var(--fontfamily) !important;
        }
        .bot_til {
          font-size: 12px;
          font-weight: 400;
          margin-top: 6px;
          color: var(--alltextcolor) !important;
          font-family: var(--fontfamily) !important;
        }
      }
      .data_titile_r {
        display: flex;
        align-items: center;
      //   margin-left: 30px;
        font-size: 28px;
        font-weight: 400;
        color: var(--alltextcolor) !important;
        font-family: var(--fontfamily) !important;
      }
    }
  }
  .data_titile:hover {
    border-bottom: 2px solid var(--maintextcolor) !important;
  }
  .data_titile1:hover {
    border-bottom: 2px solid var(--maintextcolor) !important;
  }
  .data_titile:hover .data_titile_r {
    color: var(--maintextcolor) !important;
  }
  .data_titile1:hover .data_titile_r {
    color: var(--maintextcolor) !important;
  }
  .data_titile:hover {
    cursor: pointer;
  }
  .data_titile1:hover {
    cursor: pointer;
  }
  .reFlash {
    width: 60px;
    height: 62px;
    margin-right: 15px;
    background: #ffffff;
    box-shadow: -2px -1px 2px -2px rgb(0 0 0 / 24%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -3px;
  }
  .amountwork_top {
    height: 44px;
    background: var(--titlebarcolor) !important;
    border-radius: 4px 4px 0px 0px;
    line-height: 44px;
    padding-left: 20px;
    color: var(--alltextcolor) !important;
    font-size: 14px;
    font-family: var(--fontfamily) !important;
    font-weight: 700;
    border-bottom:  var(--borderbottomcolor);
  }
  .cardTitle {
    background: var(--titlebarcolor) !important;
    font-size: 18px;
    vertical-align: center;
    font-weight: bold;
    padding: 12px 16px;
    color: var(--alltextcolor) !important;
    font-family: var(--fontfamily) !important;
    border-bottom: 0px;
    position: relative;
    border-bottom:  var(--borderbottomcolor);
    .arrow {
        width: 0;
        border: 6px solid transparent;
        border-left-color: #a10000;
        border-top-color: #a10000;
        position: absolute;
        top: 0%;
        left: 0%;
      }
      .titleLogo1 {
        margin-right: 8px;
        width: 14px;
        height: 10.5px;
        vertical-align: middle;
      }
      .titleLogo {
        margin-right: 8px;
        width: 14px;
        height: 12.25px;
        vertical-align: middle;
      }
  }
  .todoRow {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 35px 20px;
    background: white;
    .text1 {
      font-size: 14px;
      font-weight: 400;
      margin-left: 10px;
      margin-top: 3px;
      color: var(--alltextcolor) !important;
      font-family: var(--fontfamily) !important;
    }
    .text2 {
      font-size: 16px;
      font-weight: 400;
      margin-top: 8px;
      margin-left: 10px;
      color: var(--alltextcolor) !important;
      font-family: var(--fontfamily) !important;
    }
  
    .todoNum {
      font-size: 48px;
      font-family: var(--fontfamily) !important;
      font-weight: 400;
      color:var(--daichulicolor);
      margin-left: 30px;
    }
  }
  .amountwork_bottom {
    background: #fff;
    padding-bottom: 10px;
  }
  .list {
    position: relative;
    margin-right: 24px;
    .tip {
        position: absolute;
        width: 24px;
        height: 14px;
        background: #ec5d00;
        border-radius: 10px 10px 10px 10px;
        font-size: 12px;
        font-family: var(--fontfamily) !important;
        font-weight: 400;
        color: #ffffff;
        line-height: 14px;
        right: -25px;
        top: -2px;
    }
    .tipGray {
        position: absolute;
        width: 24px;
        height: 14px;
        background: #8a94a0;
        border-radius: 10px 10px 10px 10px;
        font-size: 12px;
        font-family: var(--fontfamily) !important;
        font-weight: 400;
        color: #ffffff;
        line-height: 14px;
        right: -25px;
        top: -2px;
    }
  }
  #tabChild ::v-deep .el-tabs__nav-wrap{
  height: 70px;
}
#tabChild1 ::v-deep .el-tabs__nav-wrap {
    height: 120px !important;
}
.topTab {
    background: #fff;
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    overflow-x: auto;
    .childCard {
        width: 110px;
        height: 84px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0px 5px;
        cursor: pointer;
        .img1 {
            width: 35px;
            height: 35px;
        }
        .title {
            font-size: 12px;
            font-family: Microsoft YaHei-Regular, Microsoft YaHei;
            font-weight: 400;
            color: var(--maintextcolor) !important;
            height: 20px;
            width: 106px;
            text-align: center;
            span {
                font-weight: bold;
                color: var(--maintextcolor) !important;
            }
        }
        .title1 {
            font-size: 12px;
            font-family: Microsoft YaHei-Regular, Microsoft YaHei;
            font-weight: 400;
            color: #4e5969;
            text-align: center;
            height: 20px;
            width: 106px;
            span {
                font-weight: bold;
            }
        }
    }
}
.topTab::-webkit-scrollbar {
  width: 0px; /*滚动条宽度*/
  height: 4px; /*滚动条高度*/
}
.topTab::-webkit-scrollbar-track {
  // box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset;
  border-radius: 10px; /*滚动条的背景区域的圆角*/
  background-color: rgba(239, 240, 242, 1);
}
/*定义滑块 内阴影+圆角*/
.topTab::-webkit-scrollbar-thumb {
  // box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset; /*滚动条的内阴影*/
  border-radius: 10px; /*滚动条的圆角*/
  background-color: rgba(196, 200, 204, 1); /*滚动条的背景颜色*/
}
.selectColor {
    color: var(--maintextcolor) !important;
  }
.el-message-box__content{
    min-height: 100px;
    max-height: 300px;
    overflow: auto;
    padding: 20px;
  }
}
.pt5 {
	padding-top: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.mt3 {
	margin-top: 3px;
}
.mt-4 {
	margin-top: -4px;
}
.mt5 {
	margin-top: 5px;
}
.mr5 {
	margin-right: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb8 {
	margin-bottom: 8px;
}
.ml5 {
	margin-left: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml0 {
	margin-left: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mr15 {
    margin-right: 15px; 
}
.mr20 {
	margin-right: 20px;
}
.mt24{
    margin-top: 24px !important;
}
.ml24 {
	margin-left: 24px !important;
}
.mb24{
    margin-bottom: 24px !important;
}
.mb20 {
	margin-bottom: 20px;
}
.m20 {
	margin-left: 20px;
}
.mt16-{
    margin-top: -16px !important;
}
.w30{
	width: 30px;
}
.w40{
	width: 40px;
}
.w50{
	width: 50px;
}
.w55{
	width: 55px;
}
.w60{
	width: 60px;
}
.w70{
	width: 70px;
}
.w80{
	width: 80px;
}
.w90{
	width: 90px;
}
.w100{
	width: 100px;
}
.w110{
	width: 110px;
}
.w120{
	width: 120px;
}
.w130{
	width: 130px;
}
.w140{
	width: 140px;
}
.w150{
	width: 150px;
}
.w160{
	width: 160px;
}
.w170{
	width: 170px;
}
.w180{
	width: 180px;
}
.w190{
	width: 190px;
}
.w200{
	width: 200px;
}
.w80p{
	width: 80%;
}
.w100p{
	width: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.el-dialog:not(.is-fullscreen){
	margin-top: 6vh !important;
}

.el-table {
	.el-table__header-wrapper, .el-table__fixed-header-wrapper {
		th {
			word-break: break-word;
			background-color: #f8f8f9;
			color: #515a6e;
			height: 40px;
			font-size: 13px;
		}
	}
	.el-table__body-wrapper {
		.el-button [class*="el-icon-"] + span {
			margin-left: 1px;
		}
	}
}

/** 表单布局 **/
.form-header {
    font-size:15px;
	color:#6379bb;
	border-bottom:1px solid #ddd;
	margin:8px 10px 25px 10px;
	padding-bottom:5px
}

/** 表格布局 **/
.pagination-container {
	position: relative;
	height: 25px;
	margin-bottom: 10px;
	margin-top: 15px;
	padding: 10px 20px !important;
}

/* tree border */
.tree-border {
    margin-top: 5px;
    border: 1px solid #e5e6e7;
    background: #FFFFFF none;
    border-radius:4px;
}

.pagination-container .el-pagination {
	right: 0;
	position: absolute;
}
// 修改时间控件高度
.el-input--medium .el-input__inner{
    height: 32px;
    line-height: 32px;
}

@media ( max-width : 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }
  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}

// 日期控件日历表屏幕适配问题-----待后期优化--mc
/*当页面宽度大于600px且小于650px的时候执行，1000-1200*/
// @media screen and (min-height : 600px) and ( max-height : 650px){
//     .el-picker-panel.elDatePickerTopStyle {
//         top: 50% !important;
//     }
// }
// /*当页面宽度大于600px且小于650px的时候执行，1000-1200*/
// @media screen and (min-height : 550px) and ( max-height : 600px){
//     .el-picker-panel.elDatePickerTopStyle {
//         top: 52% !important;
//     }
// }

.select {
  margin-left: 10px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0px 10px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  font-family: var(--fontfamily);
  background: var(--buttoncolor) !important;
  border-radius: 2px;
}

.noSelect {
  margin-left: 10px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0px 10px;
  color: var(--maintextcolor) !important;
  font-family: var(--fontfamily);

  cursor: pointer;
  border-radius: 2px;
}
.el-table .fixed-width .el-button--mini {
	padding-left: 0;
	padding-right: 0;
	width: inherit;
}
#tabs-style .el-tabs__item{
    color: var(--alltextcolor) !important;
    font-family: var(--fontfamily);
}
/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
	cursor: pointer;
	color: #1890ff;
	margin-left: 5px;
}

.el-table .el-dropdown, .el-icon-arrow-down {
	font-size: 12px;
    color: var(--alltextcolor) !important;
    font-family: var(--fontfamily);
}

.el-tree-node__content > .el-checkbox {
	margin-right: 8px;
}
// .el-tree .el-tree-node__children .is-current{
//     background-color: var(--backcplor) !important;
//     color: white !important;
// }

.list-group-striped > .list-group-item {
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

.list-group {
	padding-left: 0px;
	list-style: none;
}

.list-group-item {
	border-bottom: 1px solid #e7eaec;
	border-top: 1px solid #e7eaec;
	margin-bottom: -1px;
	padding: 11px 0px;
	font-size: 13px;
}

.pull-right {
	float: right !important;
}

.el-card__header {
	padding: 14px 15px 7px;
	min-height: 40px;
}

.el-card__body {
	padding: 15px 20px 20px 20px;
}

.card-box {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
}

/* button color */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48D1CC;
  border-color: #48D1CC;
  color: #FFFFFF;
}

.el-button--cyan {
  background-color: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

/* text color */
.text-navy {
	color: #1ab394;
}

.text-primary {
	color: inherit;
}

.text-success {
	color: #1c84c6;
}

.text-info {
	color: #23c6c8;
}

.text-warning {
	color: #f8ac59;
}

.text-danger {
	color: #ed5565;
}

.text-muted {
	color: #888888;
}

/* image */
.img-circle {
	border-radius: 50%;
}

.img-lg {
	width: 120px;
	height: 120px;
}

.avatar-upload-preview {
	position: absolute;
	top: 50%;
	transform: translate(50%, -50%);
	width: 200px;
	height: 200px;
	border-radius: 50%;
	box-shadow: 0 0 4px #ccc;
	overflow: hidden;
}

/* 拖拽列样式 */
.sortable-ghost{
	opacity: .8;
	color: #fff!important;
	background: #42b983!important;
}

.top-right-btn {
	position: relative;
	float: right;
}
.vue-treeselect--disabled .vue-treeselect__control{
	background-color: var(--backcplor)!important;
	border:var(--mainbordercolor) !important;
	color: var(--backcplor) !important;
}

/* 标题样式 */
.wrap-con{
    // box-shadow: -2px 0 3px -1px #DBDBDB, //左边阴影
    //             0 -2px 3px -1px #DBDBDB, //顶部阴影
    //             0 2px 3px -1px #DBDBDB, //底部阴影
    //             2px 0 3px -1px #DBDBDB; //右边阴影
    box-shadow: 0px 1px 10px 2px #F1F1F5;
    margin-bottom: 10px;
    border-radius: 8px 8px 8px 8px;
    width: 100%;
}
.wrap-con .title-container{
    position: relative;
	width: 100%;
	height: 48px;
	line-height: 48px;
    // background-color: #FEF4EE;
    background: var(--titlebarcolor) !important;
	color: var(--alltextcolor);
    font-family:  var(--fontfamily);
    border-bottom:  var(--borderbottomcolor);
    font-weight: bold;
    text-indent: 20px;
	// font-size: 14px;
	font-size: 16px;
    border-radius: 8px 8px 0px 0px;
}
.wrap-con .title-backNo{
    background: #FFF !important;
    border-radius: 0
}
.wrap-con .title-left{
    width: 0;
    height: 0;
    border-color: transparent #A10000;
    border-width:0 0 16px 16px;
    border-style:solid;
    position: absolute;
    left: 0%;
}
.wrap-con .title-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 24px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    float: none !important;
}
.wrap-con .wrap-container{
    background-color: #ffffff;
    padding: 8px 8px;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
}
.wrap-con .el-form-item{
    width: 100%;
    margin-bottom: 8px !important;
}
// 页面查询项样式调整-zl
.wrap-con .el-form-item__label{
    text-align: right;
    vertical-align: middle;
    // width: 167px !important;
    width: 132px !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #ffffff;
    color: var(--alltextcolor);
    font-family: var(--fontfamily);
    // text-indent: 8px;
    padding-left: 8px;
}
.myclass>>>.el-form-item__label{
    width: 132px !important;
}
.wrap-con .el-form-item__content{
    width: calc(100% - 145px) !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #ffffff;
    text-align: center;
}
.wrap-con .el-input, .vue-treeselect, .wrap-con .el-range-editor.el-input__inner{
    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;
    // margin: 0 auto;
}
.wrap-con .duoxuan_select .el-input{
    height: auto !important;
}
// 改动》
/* zenglei*/ 
.wrap-con .el-textarea{
    width: 100% !important;
    height: 32px !important;
    line-height: 32px !important;
    vertical-align: middle !important;
    margin: 0 auto;
    .el-textarea__inner{
        height: 32px !important;
    }
}
.wrap-con .el-form-item__error{
    top: 80% !important;
    left: 4% !important;
    z-index: 2 !important;
}
/* 标签文本字体可换行  zenglei*/
.wrap-con .line_Feed .el-form-item__label{
    line-height: 24px!important;
    white-space: pre-line;
}
/* 文本域样式  zenglei*/
.wrap-con .textarea .el-form-item__label{
    height: 72px !important;
}
.wrap-con .textarea .el-form-item__content{
    height: 72px !important;
}
.el-textarea__inner{
      &:hover{
   border: var(--mainbordercolor) !important;

    }
    &:active{
           border: var(--mainbordercolor) !important;
        
    }
     &:focus{
           border: var(--mainbordercolor) !important;
        
    }
}
.el-range-editor.is-active{
        
           border: var(--mainbordercolor) !important;
  
}
.wrap-con .textarea .el-textarea__inner{
    height: 56px!important;
    vertical-align: middle !important;
     &:hover{
   border: var(--mainbordercolor) !important;

}
    &:active{
           border: var(--mainbordercolor) !important;

}
}
.wrap-con .textarea-class .el-textarea__inner{
    height: 56px !important;
    vertical-align: middle !important;
}
.wrap-con .textarea .el-form-item__error{
    padding-top: 10px !important;
}
/* 文本域样式  zenglei*/
.wrap-con .el-select{
    width: 100% !important;
}
/* 标签头部阴影zenglei */
.tabHeard-style .el-tabs__header {
    background: #fff!important;
    box-sizing: border-box!important;
    padding: 0 10px!important;
    box-shadow: -2px 0 3px -1px #DBDBDB,
                0 -2px 3px -1px #DBDBDB, 
                0 2px 3px -1px #DBDBDB, 
                2px 0 3px -1px #DBDBDB !important;
}
/* 标签页头部字体颜色zenglei */
.tabHeard-style .el-tabs__header .el-tabs__item{
    color: rgba(0,0,0,0.8500) !important;
}
/* 标签页头部选中状态字体颜色zenglei */
.tabHeard-style .el-tabs__header .el-tabs__item.is-active {
    color: var(--maintextcolor) !important;
}
/* 标签头部选中底边线zenglei */
.tabHeard-style .el-tabs__active-bar{
    height: 4px;
    background: var(--backcplor) !important;
}
// 待办事项
#list1 .el-tabs__item,.topTab .childCard .title1{
    color: var(--alltextcolor) !important;
    font-family: var(--fontfamily) !important;

}
/* 鼠标悬停样式zenglei */
.tabHeard-style .el-tabs__item:hover{
    color: rgba(0,0,0,0.8500) !important;
}
/* 伪类元素样式zenglei */
.tabHeard-style .el-tabs__nav-wrap::after{
    background: #F6F6F6 !important;
    height: 4px !important;
}
/* 按钮定位zenglei*/
.button-right{
    // float:right;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0;
    margin-left:1%;
    // margin-right:4%;
    /* 按钮样式 */
    .title-button{
        cursor: pointer;
        color: var(--maintextcolor) !important;
        font-size: 14px;
        font-weight: 400;
        margin-right: 16px;
    }
    /* 图标右偏移 */
    .icon_padding{
        padding-right: 4px;
    }
    /*失败停用类按钮样式*/ 
    .title-buttonFail{
        cursor: pointer;
        color: #F5222D;
        font-size: 14px;
        font-weight: 400;
        margin-right: 16px;
    }
    /* 自定义按钮禁用样式 */
    .disable_btn{
        cursor: not-allowed!important;
    }
}

/* 影像随动样式zenglei */
.image-follow {
    // max-height: calc(100vh - 108px);
    height: 100%;
    display: flex;
    /* 左边图片样式zenglei */ 
    .carousel-img{
        box-sizing: border-box;
        padding: 0 24px;
        width: 33%;
        height: calc(100vh - 125px);
        background: #F9F9F9;
        // 图片上方按钮
        .carousel-header{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            height: 45px;
            width: 100%;
            border-bottom: 1px solid #DCDCDC;
            // 查看图片按钮样式
            .img-btn{
                background:#A10000;
                border:1px solid #A10000;
                color:#fff;
            }
        }
        // 影像随动图片
        .carousel-center{
            position: relative;
            height: calc(100vh - 134px);
            width: 100%;
            // 影像随动左侧
            .collapse-left{
                position: absolute;
                left: -10px;
                z-index: 100;
                width: 10px;
                height: calc(100vh - 134px);
                cursor: pointer;
                background-color: var(--backcplor);
                box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25)!important;
            }
            // 影像随动走马灯
            .imgCarous{
                position: relative;
                box-sizing: border-box;
                // 影像随动大小
                .WHfill{
                    width: 100%;
                    height: 100%;
                }
                // 下标指示器
                .cropperOpiton{
                    position: absolute;
                    left: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 0;
                    bottom: 50px;
                    width: 100%;
                    list-style: none;
                    // 指示样式
                    .cropperOpitonLi{
                        margin: 0 10px;
                        width: 15px;
                        height: 15px;
                        border-radius: 50%;
                        border: 1px solid black;
                        background: #ccc;
                        cursor: pointer;
                        z-index: 100;
                    }
                    // 选中指示
                    .cropperRed{
                        background: red;
                    }
                }
            }
        }
    }
    /* 右边样式zenglei */ 
    .tableTitle{
        overflow: auto;
        // width: 67%;
        width: 45%;
        height: calc(100vh - 108px);
        background: #F9F9F9;
        flex: 1;
        padding-left: 2px !important;
        /* 折叠框头部高度设置 */
        .collapse-itemStyle .el-collapse-item__header{
            height: 18px;
            line-height: 18px;
            background-color: #FEF4EE;
        }
        /* 设置折叠框的高 */
        .collapse-itemStyle .el-collapse-item__wrap {
        height: 100px;
        border-radius: 0 0 8px 8px;
        }
        .tableImage{
            width: 100%;
            background: #f1f1f1;
            height: 100px;
            overflow: auto;
            z-index:10;
            .preview{
                position: relative;
                overflow: hidden;
                background: #cccccc;
            }
        }
    }
}
/* zenglei */ 
#tabs-style{
    // background:#F0F2F5;
    background: #F9F9F9;
    border: 0px;
    /* 标签页图片 */
    .tabs-num{
        vertical-align:middle;
        width: 20px;
        height: 20px;
    }
    // 右箭头
    .tabs-right{
        margin-left: 18px;
    }
    .el-tabs__item{
        padding: 0 20px !important;
        color: #8A94A0;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }
    .el-tabs__item.is-active{
        font-weight: bold;
        color: var(--maintextcolor) !important;
        font-size: 15px;
    }
    // 标签页下面的横线
    .el-tabs__active-bar{
        background-color:var(--backcplor) !important;
    }
    // 标签页头部背景色设置
    .el-tabs__header{
        background: linear-gradient(180deg, #FFFCF9 0%, #FDF8F1 100%);
        margin: 0;
        border-radius: 8px 0 0 0;
    }
    // 标签页下部分伪元素
    .el-tabs__nav-wrap::after{
        background-color: transparent;
    }
}

/* 左右点击箭头zenglei */ 
.leftArrow,.rightArrow{
    position: absolute;
    font-size: 30px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 100;
        color: var(--maintextcolor) !important;
    cursor: pointer;
}
/* 左右点击箭头zenglei */ 
.leftArrow{
    left: 0;
}
/* 左右点击箭头zenglei */ 
.rightArrow{
    right: 0;
}
/* 查看图片弹层zenglei */ 
.img-align{
    text-align: center;
    .img-style{
        width:500px;
        height:500px;
    }
}
/* 
    Form表单内单选框样式zenglei
    案例样式：单选框是否
 */
.input-leftRadio .el-form-item__content{
    text-align: left;
    padding-left: 3%;
}
/* Form表单内单选框样式zenglei */
.input-leftRadio .el-radio__input.is-checked + .el-radio__label{
        color: var(--maintextcolor) !important;
}
/* Form表单内单选框样式zenglei */
.input-leftRadio .el-radio__input.is-checked .el-radio__inner{
    border-color:var(--maintextcolor) !important;
    background: var(--buttoncolor) !important;
}
/* Form表单内输入框滚动事件zenglei */
// 表单域标签的内容zenglei
.input-auto .el-form-item__content{
    text-align: left;
    min-height: 100px;
    overflow-y: auto;
    padding-left: 10px;
}
// 表单域标签的宽度zenglei
.input-auto .el-form-item__label{
    min-height: 100px;
    width: 147px;
}
// 表单域的错误信息zenglei
.input-auto .el-form-item__error{
    padding-top: 10px;
}
// 表单域的内容高为150zenglei
.auto-hight150 .el-form-item__content{
    min-height: 150px !important;
}
// 表单域标签高为150zenglei
.auto-hight150 .el-form-item__label{
    min-height: 150px !important;
}
// 表单域高为150的错误信息设置zenglei
.auto-hight150 .el-form-item__error{
    padding-top: 20px !important;
}
// 表单内多选框文字颜色 zenglei
.wrap-con .el-checkbox__input.is-checked + .el-checkbox__label{
    color: var(--maintextcolor) !important;
}
// 表单输入框、下拉框、树形结构、日期选择器、输入框为textarea类型的边框设置zenglei
.el-input .el-input__inner , .el-select .el-input__inner ,.vue-treeselect__control,
.el-range-editor.el-input__inner,.el-input__inner ,.el-textarea .el-textarea__inner{
    // border: 1px solid var(--maintextcolor) !important; 
    // color: var(--maintextcolor) !important;
      &:hover{
   border: var(--mainbordercolor) !important;

    }
    &:active{
           border: var(--mainbordercolor) !important;
        
    }
     &:focus{
           border: var(--mainbordercolor) !important;
        
    }
}
// 表单placeholder的字体颜色设置zenglei
.el-input__inner::placeholder{
    color: #8A94A0;
}

.wrap-con .vue-treeselect{
    top: 6px;
    margin: 0 auto;
}
.wrap-con .el-form--inline .el-form-item{
    margin-right: 8px !important;
}
.wrap-con .el-row .el-col:last-child{
    margin-right: 0px !important;
}
.wrap-con .el-icon-search-style.el-right{
    text-align: right;
    padding-bottom: 8px;
    .el-button{
        margin-top: 14px;
    }
    .el-button:last-child{
        margin-right: 16px;
    }
}
.wrap-con .el-icon-search-style.el-left{
    text-align: left;
    .el-button{
        margin-top: 14px;
        margin-left: 8px;
        margin-bottom: 8px;
    }
}
.wrap-con .el-icon-search-style .el-download{
     background: var(--buttoncolor) !important;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.0400) !important;
    border-radius: 2px 2px 2px 2px !important;
     border:   var(--mainbordercolor) !important;
}
.wrap-con .btn_primary{
    margin-left: 16px !important;
    margin-bottom: 16px !important;
}
.wrap-con .el-table{
	text-align:center;
    color: var(--alltextcolor);
    font-family: var(--fontfamily);
}
.wrap-con .el-table th{
    background-color: #F5F5F5 !important;
    color: var(--alltextcolor) ;
    font-weight: bold !important;
}
.wrap-con tbody tr:nth-of-type(odd) td{
    background-color: #ffffff !important;
}
.wrap-con tbody tr:nth-of-type(even) td{
    background-color: #F8F8F8 !important;
}
/* 表格-单选/多选 点击选中样式 */
// 正常hover
.wrap-con .el-table__body tr.hover-row > td {
	background: var(--backcplor) !important;
}
  .el-table__body tr.tableSelectedRowBgColor> td, .wrap-con .el-table__body tr.current-row> td,tr.tableSelectedRowBgColor{
    background-color: var(--backcplor) !important;
    color:var(--alltextcolor) !important;
        background-image: linear-gradient(to bottom right ,var(--backcplor) ,var(--backcplor));

    .el-checkbox__inner{
        color: var(--alltextcolor) !important;
        
    }
}
.wrap-con .el-checkbox__input.is-indeterminate .el-checkbox__inner,.el-checkbox__input.is-checked .el-checkbox__inner{
    background-color:  var(--buttoncolor)  !important;
    border-color: var(--maintextcolor) !important;
     

}
 .el-checkbox__input.is-focus .el-checkbox__inner{
   border: var(--mainbordercolor) !important;
}
.el-radio{
    color: var(--alltextcolor);
    font-family: var(--fontfamily);
}
// 隐藏 表格单选框后的数字 
.wrap-con .el-table__row .el-radio__label{ 
    display: none;
}
.wrap-con .el-table__row .el-radio__input.is-checked .el-radio__inner{
    border-color:var(--maintextcolor) !important;
    background: var(--buttoncolor) !important;
}
.wrap-con .el-table__row .el-radio__input.is-checked .el-radio__inner:hover{
    border-color:var(--maintextcolor) !important;
    background: var(--backcplor) !important;
}
.wrap-con .el-pagination.is-background .el-pager li:not(.disabled).active{
    color: white !important;
    background-color: var(--buttoncolor)  !important;
    border:var(--mainbordercolor) !important;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
    color: var(--maintextcolor) !important;
    background-color: var(--backcplor) !important;
    border: var(--mainbordercolor) !important;
}
.el-pagination .el-select .el-input .el-input__inner{
      color: var(--alltextcolor);
    font-family: var(--fontfamily) !important;
}
.wrap-con .el-pagination.is-background .btn-prev,
.wrap-con .el-pagination.is-background .btn-next,
.wrap-con .el-pagination.is-background .el-pager li{
    background: #ffffff;
    color: var(--alltextcolor);
    font-family: var(--fontfamily);
}

.wrap-con .el-pagination .el-select .el-input{
    width: 100px !important;
}
.wrap-con .el-pagination__editor.el-input{
    width: 50px !important;
}
.wrap-con .pagination-container{
    margin-top:8px !important;
    // margin-bottom:8px !important;
    padding: 0 !important;
}
.wrap-con .el-pagination{
	text-align: right;
    span{
          color: var(--alltextcolor);
    font-family: var(--fontfamily);
}
}
 .el-select-dropdown__item{
           color: var(--alltextcolor);
    font-family: var(--fontfamily);
}
.wrap-con .el-select-dropdown__item.selected, .el-select-dropdown__item.selected, .el-pager li:hover{
    color: var(--maintextcolor) !important;
    background-color: var(--backcplor) !important;
}
// 鼠标悬浮下拉列表：多选框、分页条数目选择框
.wrap-con .el-select-dropdown__item.hover,.el-select-dropdown__item:hover{
    background-color: var(--backcplor) !important;
     color: var(--maintextcolor) !important;
}
.wrap-con .el-select .el-input.is-focus .el-input__inner,
.wrap-con .el-select:hover .el-input__inner,.el-select .el-input__inner:focus,
.wrap-con .el-input__inner:hover,.el-input__inner:focus{
    border: var(--mainbordercolor) !important;
      color: var(--alltextcolor);
    font-family: var(--fontfamily);
}
// 头部菜单栏
.tags-view-container{
    height: 35px !important;
    line-height: 35px;
    // border-bottom: 1px solid var(--maintextcolor) !important;
}
.tags-view-container .tags-view-wrapper .tags-view-item{
    border: none !important;
    font-size: 13px !important;
    color: var(--alltextcolor) !important; 
    font-family: var(--fontfamily);
    background:#fff !important ;
}
.tags-view-container .tags-view-wrapper .tags-view-item:hover{
       color: var(--maintextcolor) !important;
}
.tags-view-wrapper .tags-view-item .el-icon-close{
    font-weight: bold;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active{
    border-bottom: 2px solid var(--maintextcolor) !important;
    color: var(--maintextcolor) !important;
    background:#fff !important ;
}
.tags-view-wrapper  .svg-icon {
    margin-right: 1px;
}
.tags-view-wrapper .svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    float:none !important;
}
.scroll-container .el-scrollbar__wrap{
    height: 100% !important;
}
.tags-view-container .tags-view-wrapper .tags-view-item{
    height: 30px !important;
    line-height: 30px !important;
}
.hasTagsView .app-main{
    // padding-top: 125px !important;
    padding-top: 85px !important;
}
// 头部菜单栏
.el-submenu.is-active{
    // border-left: 4px solid #A10000;
    // color: #050001  !important;
    border-left: 2px solid var(--maintextcolor) !important;
    color: #050001 !important;
    font-size: 13px;
}
.el-submenu.is-active .nest-menu .el-submenu.is-active{
    border-left: none !important;
}
#app .sidebar-container.has-logo{
    background-color: #fff !important;
}
#app .sidebar-container.has-logo .el-scrollbar {
    height: calc(100% - 43px);
    // background: var(--backcplor) !important;
    background: #f5f5f5 !important;
}
#app .sidebar-container .el-menu{
    background: var(--mainbgcolor) !important;
}
#app .sidebar-container .el-menu-item, #app .sidebar-container .el-submenu__title{
    color: var(--alltextcolor) !important;
    font-family: var(--fontfamily);
    background-color: transparent !important;
    // padding-left: 20px !important;
    font-size: 13px !important;
     &:hover{
        background-color: #ccc !important;
}
}
#app .sidebar-container .el-submenu .el-menu-item.is-active, #app .sidebar-container .el-submenu .el-menu-item.is-active:hover, .el-menu-item.is-active{
    // color: #ffffff !important;
    // background-color: #A10000 !important;
    color: var(--alltextcolor) !important;
    background: var(--menucolor) !important;
   
}
#app .sidebar-container .el-menu .el-submenu .el-menu{
    background-color: transparent !important;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title{
    font-size: 19px !important;
    font-family: Roboto-Bold, Roboto !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
}
.wrap-con .whiteRedBor{
    border:var(--mainbordercolor) !important;
    // 按钮-鼠标移入样式+鼠标按下样式
}
.wrap-con .blueWhiteBtn{
    // background: var(--backcplor) !important;
    // color: var(--maintextcolor) !important;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.0400) !important;
    border-radius: 2px 2px 2px 2px !important;
    border: var(--mainbordercolor) !important;
    // 按钮-鼠标移入样式+鼠标按下样式
    &:hover{
        background-color: #5069CE !important;
    }
    &:active{
        background-color: #15297A !important;
    }
}
/* 新增按钮样式zenglei */ 
.wrap-con .addWhiteBtn{
    background: var(--buttoncolor) !important;
    color:white !important;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.0400) !important;
    border-radius: 2px 2px 2px 2px !important;
    border: var(--mainbordercolor) !important;
    // 按钮-鼠标移入样式+鼠标按下样式
    &:hover{
    background: var(--selectcolor) !important;
    }
    &:active{
        background-color: var(--buttoncolor) !important;
    }
}

// zenglei日期样式设置
.dateSyle .el-input--suffix .el-input__inner{
    padding-right: 0 !important;
}
.dateSyle .el-input--prefix .el-input__inner {
    padding-left: 20px!important;
}
.dateSyle .el-input__icon{
    width: 12px !important;
}
// 表格修改按钮样式
.wrap-con .blueTableBtn{
    color: var(--maintextcolor) !important;
}
// 表格删除按钮
.wrap-con .redTableBtn{
    color: var(--maintextcolor) !important;
}
.wrap-con .displayDivCon{
    display: none !important;
}
// chunk.css样式覆盖
// 日历样式覆盖
.el-calendar__body .current{
    background-color: #fff !important;
    color: rgb(0, 0, 0) !important;
}
.el-calendar__body  .is-selected{
    background-color: #fff !important;
    color: var(--maintextcolor) !important;
}
.el-calendar-table td.is-today .el-calendar-day{
    // background-color: var(--buttoncolor) !important;
    border-radius: 50%;
    position: absolute;

}
.card-panel .content{
    background-color: #fff !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
.wrap-con .content{
    background-color: #fff !important;
}
.locationNewCss{
    margin-left: 0 !important;
}
#tab-first, #tab-second, #tab-third{
    background-color: transparent !important;
    font-family: var(--fontfamily);
}
::-webkit-scrollbar,::scrollbar{
    display:unset !important;
}


// 设置 vue-cropper 截图框样式
.crop-point[data-v-6dae58fd]{
	background-color: red !important;
}
.cropper-view-box[data-v-6dae58fd]{
	outline: 1px solid red !important;
}
/* 搜索项：必填项输入框样式设置 */
// 输入框-无输入内容
.null-input.el-input .el-input__inner {
	background-color: #FFF8F8;
	border:var(--mainbordercolor) !important;
}
//输入框-输入内容后
.full-input.el-input .el-input__inner {
	background-color: #ffffff;
}
//下拉框-无输入内容
.null-input.el-select .el-input__inner {
	background-color: #FFF8F8;
}
//下拉框-输入内容后
.full-input.el-select .el-input__inner {
	background-color: #ffffff;
}
.vue-treeselect__x-container{
    &:hover{
        color: var(--maintextcolor) !important;
    }
}

// tree-select： 树形结构
.null-input .vue-treeselect__control{
	background: #FFF8F8;
	border:var(--mainbordercolor) !important;
      color: var(--alltextcolor);
    font-family: var(--fontfamily);
}
// tree-select： 树形结构
.full-input .vue-treeselect__control{
	background-color: #ffffff;
}
// 日期选择器-输入内容后
.null-input.el-range-editor.el-input__inner {
    background-color: #FFF8F8;
		border:var(--mainbordercolor) !important;

}
// 日期选择器-无输入内容
.full-input.el-range-editor.el-input__inner{
    background-color: #ffffff;
}
// 输入框为textarea类型-无输入内容
.null-input.el-textarea .el-textarea__inner {
    background-color: #FFF8F8;
		border:var(--mainbordercolor) !important;

}
// 输入框为textarea类型-input无输入内容
.null-input.el-date-editor .el-range-input{
    background-color: #FFF8F8;
}
// 输入框为textarea类型-输入内容后
.full-input.el-textarea .el-textarea__inner {
    background-color: #ffffff;
}
// 输入框为textarea类型-input输入内容后
.full-input.el-date-editor .el-range-input{
    background-color: #ffffff;
}
// label标签文字换行
.el-form-item.lineFeed .el-form-item__label{
	line-height: 20px;
    white-space: pre-line;
}
  .el-icon-more{
        font-family: "element-icons" !important;

    }
// 核保评估页面word文档显示样式
.docx-wrapper{
    padding: 0!important;
    background: none !important;
}

// 表格操作按钮 liying
// 红色样式与蓝色样式
.tableBtnTextStyle {
    border-color: transparent;
    color: #F5222D !important;
}
.tableBtnBlueStyle {
    border-color: transparent;
    color: #263EA0 !important;
}
.wrap-con .el-date-editor .el-range-input{
    width: 55% !important;
}
// 核保评估-医学核保-搜索框
.el-cascader__dropdown{
    width: 31% !important;
}
// 单选框样式问题
.el-radio:last-child{
    margin-top: 0px !important;
}
// 承保日期控件展示不全问题处理+适配
.wrap-con .dateCss{
    width: 46.8% !important;
    text-align: left;
    font-size: 12px !important;
}
// +1多选展示溢出问题 例如：保全质检管理-机构下拉选
.logMgCls .el-select__tags-text {
    display: inline-block;
    max-width: 80px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.logMgCls .el-select .el-tag__close.el-icon-close {
    top: -7px;
}
.el-tooltip__popper{
    max-width: 300px;
}
// intput、select、textarea 置灰disabled文字颜色调整
.el-input.is-disabled .el-input__inner, .el-input.is-disabled .el-input__inner::placeholder,.el-textarea.is-disabled .el-textarea__inner,.el-textarea.is-disabled .el-textarea__inner::placeholder{
    // color: #1f1d36 !important;
    color: #000000 !important;
}
// 修改复选框边框颜色排除表格
.el-checkbox__inner{
    border: 1px solid #1f1d36;
}
.el-table .el-checkbox__inner{
    border: 1px solid #DCDFE6;
}
.el-message--success .el-message__content{
    color: #000000 !important;
}
// 1001/1002提示信息弹层样式配置
.notify-btn{
    background: var(--buttoncolor) !important;
    font-family: var(--fontfamily) !important;
    color:#fff !important;
    border: none !important;
    width: 60px;
    height: 27px;
    font-size: 12px !important;
    border-radius: 3px !important;
}
.vl-notify.vl-notify-alert h2.vl-notice-title{
    background-color: #fff !important;
    border-bottom: none !important;
}
.vl-notify .vl-notify-content{
    overflow: hidden !important;
}
.vl-notify.vl-notify-alert h2.vl-notice-title .lv-title{
    font-size: 18px;
    line-height: 3;
    color: #303133;
    font-weight: 400;
}
.vl-notify .vl-notify-content,.vl-notify.vl-notify-main{
    height: auto !important;
    border-radius: 4px !important;
}
.vl-notify.vl-notify-main{
    width: 32% !important;  
}
.vl-notify.vl-notify-alert .vl-notify-content .vl-notify-content-div{
    font-size: 13px;
    color: #606266;
    margin-left: 1px !important;
    line-height:30px;
    padding: 0 0 0 10px;
}
.vl-notify .vl-notify-btns{
    top: 0px !important;
    padding: 0px 8px 10px 0 !important;
}
.vl-notify.vl-notify-alert h2.vl-notice-title .icon-remove{
    color: #909399 !important;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label,.el-radio__input.is-disabled + span.el-radio__label{
    color: #5d6067;
    cursor: not-allowed;
}
// pdf分页添加底部border--mc-20230921
.prism-player{
    border-bottom: 3px solid #ccc !important;
}


// 新单录入、新单复核操作页面样式单独配置 ---start
.formBcoBox .wrap-con .wrap-container{
    padding: 4px 4px 4px 4px !important;
}
.formBcoBox .rightSpace{
    padding-right: 10px !important;
}
// label标签
.wrap-con .formBco .el-form-item__label {
    text-align: left !important;
    vertical-align: baseline;
    max-width: 94px !important;
    height: 35px !important;
    line-height: 35px !important;
    font-weight: normal;
    font-size: 12px !important;
    color: #000;
    background-color: #f7f7f7;
    position: relative;
    margin: 4px;
    padding: 0 0 0 0;
    padding-left: 8px;
}
.reviewoperate .wrap-con .formBco .el-form-item__label,
.qualitytestaudit .wrap-con .formBco .el-form-item__label{
    font-weight: normal;
}
.wrap-con .formBco .el-form--inline .el-form-item{
    margin-right: 0px !important;
}
/* 标签文本字体可换行*/
.wrap-con .formBco .line_Feed{
    position: relative;
}
.wrap-con .formBco .line_Feed .el-form-item__label{
    line-height: 16px!important;
}
.wrap-con .formBco .line_Feed .el-form-item__content, .wrap-con .formBco .line_Feed .el-date-editor.el-input{
    margin-top: -2vh;
}
// input/select输入框
.wrap-con .formBco .el-form-item__content {
    width: calc(100% - 102px) !important;
    height: 35px !important;
    line-height: 35px !important;
    background-color: #f7f7f7;
    text-align: left;
    // vertical-align: baseline;
    color: #000;
    vertical-align: middle !important;
}
.wrap-con .formBco .preInputFlag-class{
    margin-left: 3% !important;
}
.wrap-con .formBco .line {
    text-align: center;
}
.formBcoBox .IDvalidity {
    position: relative;
}
.formBcoBox .idValiDateType {
    position: absolute;
    left: -78px;
    top: 40%;
}
.wrap-con .el-icon-search-style.el-right.keyiBtn .el-button{
    margin-top: 3px !important;
    margin-right: 5px !important;
}
.wrap-con .el-tabs__nav-prev{
    line-height: 32px !important;
}
.wrap-con .formBcoCon .el-checkbox__label{
    font-size: 12px !important;
    padding-left: 2px !important;
}
.wrap-con .formBco.xzxxInfo .textarea-class.textBto,.wrap-con .formBco.gzInfo .textarea-class.textBto{
    margin-bottom: 0px !important
}
.wrap-con .formBco.xzxxInfo .textarea-class.textBto .el-textarea__inner,.wrap-con .formBco.gzInfo .textarea-class.textBto .el-textarea__inner{
    height: 45px !important;
    vertical-align: middle !important;
    margin-top: -2px;
}
.wrap-con .formBco.xzxxInfo .textBto .el-form-item__label,.wrap-con .formBco.gzInfo .textBto .el-form-item__label{
    height: 45px !important;
    line-height: 45px;
}
.formBcoBox, .formBcoBox .el-table,.formBcoBox .el-table th,formBcoBox .el-table .el-table__header-wrapper th, .formBcoBox .el-table .el-table__fixed-header-wrapper th{
    font-size: 12px !important;
}
.reviewoperate .el-tabs__nav-next,
.reviewoperate .el-tabs__nav-prev,
.qualitytestaudit .el-tabs__nav-next,
.qualitytestaudit .el-tabs__nav-prev
{
    line-height: 35px;
}
.formBcoBox .el-input--suffix .el-input__inner,.formBcoBox .el-input--small .el-input__inner{
    padding-right: 22px;
    padding-left: 6px;
}
.formBcoBox .button-right{
    height: 35px;
    line-height: 35px;
    .title-button{
        // font-weight: normal;
    }
}
.formBcoBox .check-box1 {
    margin-left: 10px;
    margin-top: 0px;
    margin-right: 25px;
}
.formBcoBox .el-input__prefix{
    left: 3px;
}
.formBcoBox .dateSyle .el-input--prefix .el-input__inner{
    padding-left: 16px !important;
    font-size: 12px;
}
.formBcoBox .el-carousel__item.is-animating{
    transform: translateX(0px) scale(1.5) !important;
}
.formBcoBox .el-form-item{
    margin-bottom: -6px !important;
}
.formBcoBox .el-icon-search-style.el-right{
    .el-button{
        margin-top: 4px;
    }
}
.formBcoBox .el-form-item{
    margin-bottom: -2px !important;
}
.formBcoBox .el-form-item__error{
    top: 64% !important;
    text-align: left;
}
.addmain-div,.benefit-div{
    overflow-x: hidden !important;
}
.wrap-con .formBco .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before{
    margin-right: 0 !important;
    position: absolute;
    left: 0.1%;
}
.formBcoBox .pagination-container {
	height: 20px;
}
.formBcoBox .el-input--medium .el-input__inner{
    height: 28px;
    line-height: 28px;
    font-size: 13px;
}
.formBcoBox .el-input--small .el-input__inner{
    height: 30px;
    line-height: 30px;
    color: #000 !important;
}
.formBcoBox .el-table--medium th,.formBcoBox .el-table--medium td{
    padding: 2.5px 0 !important;
}
.formBcoBox .wrap-con .title-container{
	height: 33px;
	line-height: 33px;
	font-size: 12px;
}
.formBcoBox .el-table th {
    height: 35px !important;
}
.formBcoBox .wrap-con .el-form-item__error{
    top: 74% !important;
    left: 0 !important;
}
.formBcoBox #tabs-style{
    .el-tabs__item{
        height: 32px;
        line-height: 32px;
    }
}
.formBcoBox .wrap-con .el-icon-search-style.el-right{
    padding-bottom: 0px;
    .el-button{
        margin-top: 8px;
    }
}
.formBcoBox .wrap-con .el-icon-search-style.el-left{
    .el-button{
        margin-top: 6px;
        margin-bottom: 4px;
    }
}
.formBcoBox .wrap-con .btn_primary{
    margin-bottom: 7px !important;
}
.formBcoBox .el-pagination .el-select .el-input .el-input__inner {
    height: 25px;
    line-height: 25px;
    width: 95px;
}
.formBcoBox .wrap-con .el-pagination.is-background .btn-prev,
.formBcoBox .wrap-con .el-pagination.is-background .btn-next,
.formBcoBox .wrap-con .el-pagination.is-background .el-pager li{
    font-size: 13px;
    height: 25px;
    line-height: 25px;
}
.formBcoBox .wrap-con .el-pagination .el-select .el-input{
    width: 95px !important;
    height: 25px !important;
    line-height: 25px !important;
}
.formBcoBox .wrap-con .el-pagination__editor.el-input{
    width: 45px !important;
}
.formBcoBox .wrap-con .pagination-container{
    margin-top:8px !important;
    padding: 0 !important;
}
.formBcoBox .wrap-con .el-pagination {
    span {
        line-height: 24px;
    }
}
.formBcoBox .wrap-con .textarea .el-form-item__label,.formBcoBox .wrap-con .textarea .el-form-item__content{
    height: 72px !important;
}
.reviewoperate #tabs-style,
.qualitytestaudit #tabs-style
{
    .el-tabs__item{
        height: 32px;
        line-height: 32px;
    }
}
.reviewoperate .healthPage .tableTitle,
.qualitytestaudit .healthPage .tableTitle
{
    padding-top: 0px !important;
    height: calc(100vh - 100px) !important;
    
}
.reviewoperate .el-dialog__wrapper,
.qualitytestaudit .el-dialog__wrapper
{
    overflow-x: hidden;
}
.reviewoperate .el-input--medium,
.reviewoperate .el-input--small,
.reviewoperate .el-range-editor--medium .el-range-input,
.qualitytestaudit .el-input--medium,
.qualitytestaudit .el-input--small,
.qualitytestaudit .el-range-editor--medium .el-range-input
{
    font-size: 13px;
}
// 新单录入、新单复核操作页面样式单独配置 ---end
// 核保show-word-limit右下角样式
.showLimit .el-textarea .el-input__count {
    background-color: transparent;
    top: 48px;
}  
// 核保高textarea  show-word-limit右下角样式
.showLimitHeight .el-textarea .el-input__count {
    background-color: transparent;
    top: 66px;
}   

// 修改复选框边框颜色-end
@media ( max-width : 1360px) {
    .wrap-con .dateCss {
        width: 45% !important;
    }
}
@media ( max-width : 1215px) {
    .wrap-con .dateCss {
        width: 45% !important;
    }
}
@media ( max-width : 1117px) {
    .wrap-con .dateCss {
        width: 44% !important;
    }
}
@media ( max-width : 1047px) {
    .wrap-con .dateCss {
        width: 43% !important;
    }
}
@media ( max-width : 846px) {
    .wrap-con .dateCss {
        width: 42% !important;
    }
}
@media ( max-width : 760px) {
    .wrap-con .dateCss {
        width: 39% !important;
    }
}
@media ( max-width : 685px) {
    .wrap-con .dateCss {
        width: 30% !important;
    }
}
@media ( max-width : 598px) {
    .wrap-con .dateCss {
        width: 20% !important;
    }
}
// 弹层+承保日期控件展示不全问题处理+适配
.wrap-con .date_tc .dateCss{
    width: 45.9% !important;
    text-align: left;
    font-size: 12px !important;
}
@media ( max-width : 1360px) {
    .wrap-con .date_tc .dateCss {
        width: 45% !important;
    }
}
@media ( max-width : 1229px) {
    .wrap-con .date_tc .dateCss {
        width: 44% !important;
    }
}
@media ( max-width : 1135px) {
    .wrap-con .date_tc .dateCss {
        width: 43% !important;
    }
}
@media ( max-width : 1065px) {
    .wrap-con .date_tc .dateCss {
        width: 42% !important;
    }
}
@media ( max-width : 1015px) {
    .wrap-con .date_tc .dateCss {
        width: 41% !important;
    }
}
@media ( max-width : 975px) {
    .wrap-con .date_tc .dateCss {
        width: 40% !important;
    }
}
@media ( max-width : 942px) {
    .wrap-con .date_tc .dateCss {
        width: 39% !important;
    }
}
@media ( max-width : 915px) {
    .wrap-con .date_tc .dateCss {
        width: 35% !important;
    }
}
@media ( max-width : 846px) {
    .wrap-con .date_tc .dateCss {
        width: 32% !important;
    }
}
@media ( max-width : 815px) {
    .wrap-con .date_tc .dateCss {
        width: 30% !important;
    }
}
@media ( max-width : 799px) {
    .wrap-con .date_tc .dateCss {
        width: 25% !important;
    }
}
@media ( max-width : 772px) {
    .wrap-con .date_tc .dateCss {
        width: 20% !important;
    }
}
@media ( max-width : 752px) {
    .wrap-con .date_tc .dateCss {
        width: 10% !important;
    }
}
@media ( max-width : 729px) {
    .wrap-con .date_tc .dateCss {
        width: 2% !important;
    }
}

